/**
 * Created by hasee on 2017/7/20.
 */
import React from 'react';
import {IfDispatcher} from "../dispatcher/dispatcher";
//import {zzltestStore} from "../store/zzlteststore";
export var Login = React.createClass({
    contextTypes: {
        router: React.PropTypes.object.isRequired,
    },
    getInitialState(){
        return {
        }
    },
    componentDidMount(){

    },
    componentWillUnmount(){

    },
    inputTamrClick(){
        this.context.router.push("/home");
    },
    render(){

        return(
            <div>
                <div className="v-login">
                    <img className="bg-img" src="../../public/images/bg4.jpg" />
                    <div className=" row">
                        <div className="col-sm-4 col-sm-offset-4">
                            <div className="row logintextAlign">
                                <div className="loginimg">
                                </div>
                                <div className="loginimgpadding"><span className="loginesky"><strong>eSeaSky</strong></span></div>
                            </div>
                            <div className="row linelogin">
                                <div className="col-sm-10 col-sm-offset-1">
                                    <input type="text"
                                           placeholder="Username"
                                           className="inputtext"
                                        // style={{height:"50px",width:"100%"}}
                                        //value={this.state.username}
                                        //onChange={this.handleChange.bind(this,"username")}
                                        // onFocus={this.onfocusclick}
                                        // onMouseOver={copyPaste("fpgusername")}
                                        />
                                </div>

                            </div>
                            <div className="row linelogin">
                                <div className="col-sm-10 col-sm-offset-1">
                                    <input type="password"
                                           placeholder="Password"
                                           className="inputtext"
                                        // style={{height:"50px",width:"100%"}}
                                        //value={this.state.username}
                                        //onChange={this.handleChange.bind(this,"username")}
                                        // onFocus={this.onfocusclick}
                                        // onMouseOver={copyPaste("fpgusername")}
                                        />
                                </div>

                            </div>
                            <div className="row linelogin">
                                <div className="col-sm-10 col-sm-offset-1">
                                    <div className="row" >
                                        <div className="col-sm-5">
                                            <input type="text"
                                                // style={{height:"50px",width:"100%"}}
                                                   className="inputtext"
                                                   placeholder="Capcha"
                                                // value={this.state.capcha}
                                                // onChange={this.handleChange.bind(this,"capcha")}
                                                // onKeyPress={this.keyLogin}
                                                />
                                        </div>
                                        <div className="col-sm-5 col-sm-offset-2">
                                            <div className="row imgCapchadiv" >
                                                <img className="imgCapcha" src={"https://192.168.1.188:8883/"+"KDB/SendCaptcha"+"?"+1111} />
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>
                            <div className="row linelogin">
                                <div className="col-sm-10 col-sm-offset-1">
                                    <input type="button"
                                          onClick={this.inputTamrClick}
                                           className="loginbutton"
                                           value="Login"
                                        />
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        )
    }
});